<template>
  <input v-model="message" placeholder="输入信息" /><br />
  <span>输入的信息是：{{ message }}</span>
  <br /><br />
  <hr />
  <textarea v-model="mulMsg" placeholder="add multiple lines"></textarea>
  <br />
  <span>输入的多行文本信息是：</span>
  <p>{{ mulMsg }}</p>
</template>

<script>
import { reactive, toRefs } from '@vue/reactivity'
export default {
  setup () {
    const state = reactive({
      message: '',
      mulMsg: ''
    })

    return {
      ...toRefs(state)
    }
  }
}
</script>
